.split-line-wrapper {
  height: 0.186666666666667rem;
  background: #f5f5f5;
}
html,
body {
  width: 100%;
  height: 100%;
  background: #fcfcfc;
  overflow-x: hidden;
}
html .vip-wrapper,
body .vip-wrapper {
  margin-top: 1.386666666666667rem;
  width: 100%;
  height: 100%;
}
html .vip-wrapper .head-wrapper,
body .vip-wrapper .head-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  height: 1.386666666666667rem;
  font-size: 0;
  z-index: 9;
  background: #fcfcfc;
}
html .vip-wrapper .head-wrapper .back-wrapper,
body .vip-wrapper .head-wrapper .back-wrapper {
  width: 1.306666666666667rem;
  height: 1.386666666666667rem;
  background: url("../img/back-icon.png") no-repeat center center;
  background-size: 0.226666666666667rem 0.4rem;
  vertical-align: top;
}
html .vip-wrapper .head-wrapper .title-wrapper,
body .vip-wrapper .head-wrapper .title-wrapper {
  width: 7.12rem;
  height: 1.386666666666667rem;
  line-height: 1.386666666666667rem;
  font-family: SimHei;
  font-size: 0.426666666666667rem;
  vertical-align: top;
}
html .vip-wrapper .head-wrapper .home-wrapper,
body .vip-wrapper .head-wrapper .home-wrapper {
  width: 1.573333333333333rem;
  height: 1.386666666666667rem;
  background: url("../img/home-icon.png") no-repeat center center;
  background-size: 0.493333333333333rem 0.466666666666667rem;
  vertical-align: top;
}
html .vip-wrapper .content-wrapper,
body .vip-wrapper .content-wrapper {
  width: 10rem;
  height: 17.786666666666665rem;
  background: url("../img/vip-bg.png") no-repeat center center;
  background-size: 10rem auto;
}
html .vip-wrapper .content-wrapper .type-wrapper,
body .vip-wrapper .content-wrapper .type-wrapper {
  bottom: 5.866666666666666rem;
  left: 0.733333333333333rem;
  width: 8.533333333333333rem;
  height: 2.4rem;
}
html .vip-wrapper .content-wrapper .type-wrapper .open-btn,
body .vip-wrapper .content-wrapper .type-wrapper .open-btn {
  bottom: 0.586666666666667rem;
  right: 0.293333333333333rem;
  width: 2.666666666666667rem;
  height: 0.72rem;
}
html .vip-wrapper .content-wrapper .month-wrapper,
body .vip-wrapper .content-wrapper .month-wrapper {
  background: url("../img/month.png") no-repeat center center;
  background-size: 8.533333333333333rem auto;
}
html .vip-wrapper .content-wrapper .year-wrapper,
body .vip-wrapper .content-wrapper .year-wrapper {
  background: url("../img/year.png") no-repeat center center;
  background-size: 8.533333333333333rem auto;
  bottom: 3.066666666666667rem;
}
html .vip-wrapper .mask,
body .vip-wrapper .mask {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0,0,0,0.5);
  z-index: 9;
  display: none;
}
html .vip-wrapper .mask .pay-wrapper,
body .vip-wrapper .mask .pay-wrapper {
  width: 7.733333333333333rem;
  height: 6.72rem;
  top: 4.8rem;
  left: 1.133333333333333rem;
  background-color: #fff;
  border-radius: 0.133333333333333rem;
}
html .vip-wrapper .mask .pay-wrapper .close-wrapper,
body .vip-wrapper .mask .pay-wrapper .close-wrapper {
  width: 1.066666666666667rem;
  height: 1.066666666666667rem;
  top: 0.186666666666667rem;
  right: 0.186666666666667rem;
  background: url("../img/cancel-icon.png") no-repeat center center;
  background-size: 0.373333333333333rem 0.373333333333333rem;
}
html .vip-wrapper .mask .pay-wrapper .title-wrapper,
body .vip-wrapper .mask .pay-wrapper .title-wrapper {
  padding: 0.773333333333333rem 0.533333333333333rem 0 0.533333333333333rem;
  font-size: 0.48rem;
}
html .vip-wrapper .mask .pay-wrapper .pay-way-wrapper,
body .vip-wrapper .mask .pay-wrapper .pay-way-wrapper {
  padding: 0 0.533333333333333rem;
  margin-top: 0.8rem;
}
html .vip-wrapper .mask .pay-wrapper .pay-way-wrapper .pay-method,
body .vip-wrapper .mask .pay-wrapper .pay-way-wrapper .pay-method {
  font-size: 0;
  margin-bottom: 0.666666666666667rem;
}
html .vip-wrapper .mask .pay-wrapper .pay-way-wrapper .pay-method .pay-icon,
body .vip-wrapper .mask .pay-wrapper .pay-way-wrapper .pay-method .pay-icon {
  vertical-align: top;
  width: 0.533333333333333rem;
  height: 0.533333333333333rem;
  margin-right: 0.266666666666667rem;
}
html .vip-wrapper .mask .pay-wrapper .pay-way-wrapper .pay-method .pay-icon.wechat-icon,
body .vip-wrapper .mask .pay-wrapper .pay-way-wrapper .pay-method .pay-icon.wechat-icon {
  background: url("../img/wechat-icon.png") no-repeat center center;
  background-size: 0.533333333333333rem 0.533333333333333rem;
}
html .vip-wrapper .mask .pay-wrapper .pay-way-wrapper .pay-method .pay-icon.alipay-icon,
body .vip-wrapper .mask .pay-wrapper .pay-way-wrapper .pay-method .pay-icon.alipay-icon {
  background: url("../img/alipay-icon.png") no-repeat center center;
  background-size: 0.533333333333333rem 0.533333333333333rem;
}
html .vip-wrapper .mask .pay-wrapper .pay-way-wrapper .pay-method .pay-name,
body .vip-wrapper .mask .pay-wrapper .pay-way-wrapper .pay-method .pay-name {
  vertical-align: top;
  width: 5.333333333333333rem;
  height: 0.533333333333333rem;
  line-height: 0.56rem;
  font-family: SimHei;
  font-size: 0.4rem;
  color: #666;
}
html .vip-wrapper .mask .pay-wrapper .pay-way-wrapper .pay-method .check-box,
body .vip-wrapper .mask .pay-wrapper .pay-way-wrapper .pay-method .check-box {
  vertical-align: top;
  width: 0.506666666666667rem;
  height: 0.533333333333333rem;
  background: url("../img/unselect.png") no-repeat center center;
  background-size: 0.506666666666667rem 0.506666666666667rem;
}
html .vip-wrapper .mask .pay-wrapper .pay-way-wrapper .pay-method .check-box.active,
body .vip-wrapper .mask .pay-wrapper .pay-way-wrapper .pay-method .check-box.active {
  background: url("../img/select.png") no-repeat center center;
  background-size: 0.506666666666667rem 0.506666666666667rem;
}
html .vip-wrapper .mask .pay-wrapper .btn-wrapper,
body .vip-wrapper .mask .pay-wrapper .btn-wrapper {
  margin-top: 1.12rem;
}
html .vip-wrapper .mask .pay-wrapper .btn-wrapper .open-btn,
body .vip-wrapper .mask .pay-wrapper .btn-wrapper .open-btn {
  width: 3.253333333333333rem;
  height: 1.12rem;
  background: #dea01e;
  border-radius: 0.56rem;
  text-align: center;
  line-height: 1.146666666666667rem;
  font-family: SimHei;
  font-size: 0.426666666666667rem;
  color: #fff;
  margin: 0 auto;
}
